/* 页面样式xxx.css */
/* 对class="container"的组件设置样式 */
.container:active {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
}

#containerId{
    flex-direction: row;
}

/* 对所有div组件设置样式 */
div {
    flex-direction: row;
    font-size: 60px;
}
/* 对class="title"的组件设置样式 */
.title {
    font-size: 30px;
}
/* 对id="contentId"的组件设置样式 */
#contentId {
    flex-direction: row;
/*    font-size: 20px;*/
}
/* 对所有class="title"以及class="content"的组件都设置padding为5px */
.title, .content {
    padding: 5px;
}
/* 对class="container"的组件下的所有text设置样式 */
.container text {
    color: #007dff;
}
/* 对class="container"的组件下的直接后代text设置样式 */
.container > text {
    color: #fa2a2d;
}

.button:active {
    background-color: #888888;/*按钮被激活时，背景颜色变为#888888 */
}
